<template>
	<view @click="back()" class="back-button flex-ccc" :style="{top: top + 'px', left: left + 'rpx', zIndex}">
		<u-icon name="arrow-left" color="#2E2B2B" size="36"></u-icon>
	</view>
</template>

<script>
	export default {
		props: {
			top: {
				type: Number|String,
				default: uni.getSystemInfoSync().statusBarHeight+5
			},
			left: {
				type: Number|String,
				default: 24
			},
			zIndex: {
				type: Number|String,
				default: 3
			},
		},
		methods: {
			name() {
				
			}
		},
	}
</script>

<style lang="scss" scoped>
	.back-button {
		width: 80rpx;
		height: 48rpx;
		text-align: center;
		background:  rgba($color: #FFFFFF, $alpha: 0.5);
		border-radius: 24rpx;
		position: fixed;
	}
</style>
